<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>初识JQuery</title>
		<!-- JQuery   了解JavaScript功能：页面上所有触发型效果
		    JQuery的使用方式
			1.JQuery的官方网站，下载JQuery封装js库，格式：JQuery-1.11.1.js
			                    JQuery-2.X.js之后的版本不支持IE 6、7、8
			2.引入JQuery框架【js类库】 在head中，script元素 导入
			                <script src="js/jquery-1.11.1.js"></script>
			3.编写JQuery框架语法--js页面动态效果		
				在页面最后body前方加script元素，为什么？
				思考：操作页面上面元素，body中生成实际页面上的内容，改变页面效果
					 整个html+css   理解为一颗DOM数：元素、属性、属性值，先存在、
					 这些元素怒，才可以进行操作。所以，JS中DOM的操作需要灯页面元素
					都加载完毕，才可以对页面元素进行实质性操作！
			 JavaScript行为层： EMCAScript5.0核心语法--类似与Java基础
			    功能：做逻辑
			 	重点：DOM Document Object Model 文档节点对象模型
			 	功能：做页面效果【结合逻辑】
				DOM树          Document              元素、属性、属性值
				               html
					       head   body
						meta
					charsert
			 	     BOM Browser Object Model 浏览器对象模型
			 	 作用：做浏览器效果【结合逻辑】3.编写JQuery框架语法---JS页面动态效果
			 		在页面最后body前方加script元素，为什么？
			 	思考：操作页面上面元素，body中生成
			 		 javaScript行为层  EMCAScript5.0核心语法层--类似与Java基础
			 	 功能：做逻辑
			 	重点：DOM Document Object Model 文档节点对象模型
			 	 功能：做页面效果【结合逻辑】
			 		 BOM Browser Object Model 浏览器对象模型
			 	作用：做浏览器效果【结合逻辑】
		 -->
		 <script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<script></script>
	</body>
</html>